@charset "utf-8";
/* CSS Document */
/*导航*/	
body{background: #F8F8F8;}
dt + dd {margin-top:0px;}
img{width:100%;}
#nav{margin-top:52px ;}
#meauBack a{position: absolute;right:10px;top:0px;font-size:14px ;height:36px;line-height:36px;color:#fff;width:auto;}

#nav .category-content{ position:relative; width:100%; float: left;}
#nav .category-content .long-title{background:#d2364c;color:#fff ;display: block;width:100%;}
#nav .category-content .all-goods { display: block; width:100px;height: 36px; padding: 0; border-radius: 5px 5px 0 0;text-align: center; font-size: 14px; font-weight: 600; line-height: 36px;}
#nav .category-content .all-goods em{ font: 12px/36px "Microsoft YaHei"; }
.status .list i,.category-content .down-ico,.category-content .list-cake i,.category-content .list-nacake i,.category-content .list-tz i,.category-content .list-ny i,.category-content .list-xb i,.category-content .list-xl i{ background: url(../images/index_ico_png32.png) no-repeat;}
.category-content .category{ z-index:113; width:79px;height:100%;border: 1px solid #dadad9; border-top: none; background: #fefefe; box-shadow:2px 2px 2px #dedede;}
.category-content .down-ico{ position: absolute; top: 48px; left: 75px; width: 10px; height: 6px; background-position: 0 -131px; z-index: 11111; }
.category-content .category-list li {  height:42px; margin-top: -2px;z-index:113;border:2px solid transparent ;}
.category-content .category-list li.first{ margin-top: 0; }
.category-content .category-list li.last .c-category-list{ border-bottom: none; }

.category-content .category-name{ overflow:hidden; position: relative;
    text-align: center;}
.category-content .category-name i{ display: none;}
.category-content .category-list .bd-b{ height: 1px;  margin: -1px 10px 0 10px;  background: #eee; line-height: 1; font-size: 0; }

.category-content .b-category-name { padding-top: 4px;line-height:32px;}
.category-content .b-category-name b{ margin-left: 4px; font:400 12px/28px "宋体"; }
.category-content .b-category-name a{ color: #4c4c4c; }
.category-content .c-category-list a{ margin-right:8px; color:#626262; }
.category-content .b-category-name .fr{ background-position:0 -629px; width:22px; height:22px; margin:10px 16px 0 0; }
.category-content .s-category-name{ height:22px;}
.category-content .s-category-name a{ margin:0 16px 0 0; font:12px/22px "宋体";}
.category-content .category-info{ position:relative;height:100%;  }
.category-content .category-info em{ position:absolute; top:11px; right:3px; width: 13px; height: 13px; font: 12px/18px "宋体"; color: #9b9b9b;}
.category-content .category .selected{ box-shadow:0px 2px 3px #ccc; margin-left: -1px; padding-left: 1px;z-index:999;} 
.category-content .selected .category-info{ border:none; text-decoration:none; background: #fff;  }
.category-content .menu-item { position: absolute;right:0px; z-index: 11;padding:0 0 0 2px;background: #fff; border:none; border-top: 1px solid #bbb\9;}
.category-content .menu-item .area-in{ position: relative;  z-index: 1;  }
.category-content .menu-item .area-bg{ padding: 10px 0px;}
.shadow-bg{ display: none; position: relative; width: 100%; height: 0; } 
.shadow-b,.shadow-bg i{background: url(themes/mall/default/styles/default/images/index_ico.png) no-repeat; }
.shadow-r,.shadow-l{ background: url(themes/mall/default/styles/default/images/shadow.png) no-repeat; }
.shadow-bg i,.shadow-b{ position: absolute; width: 100%; height: 0; height: 2px\9; background-position: 0 -188px; background-repeat: repeat-x;  }
.shadow-bg i,.shadow-b{ _height:0; }
.shadow-l{  position: absolute; left: 0; _left:-42px; top: 0; width: 0; width: 2px\9;  height: 100%; background-position: right 0;  background-repeat: repeat-y;  }
.shadow-r{  position: absolute; right: 0; top: 0; width: 0; width: 2px\9;  height: 100%;  background-repeat: repeat-y;  }
.category-content .menu-in{ display: none; }
.category-content li.selected .menu-in{ display:block; }

.category-content .menu-srot{width: 100%; overflow:hidden;}
.menu-srot .sort-side{ overflow:hidden }
.sort-side .dl-sort{ float:left; width:100%; }
.sort-side dt { margin-top: 5px; font-size: 14px; font-weight: bold; color: #db3e54; text-align: left;padding-left:10px ;}
.sort-side dd { float:left; padding:6px; width: 33.33%;}
.sort-side dd a{ float:left; width:100%; letter-spacing:0.5px;  line-height: 14px;  color:#888; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; padding: 3px 10px; border:1px solid #e6e6e6;text-align: center; }
.sort-side dd a span.red{ color:#DB3E54; }

.brand-side {position: relative;margin-top:20px; border-top: 1px solid #eae9e9;padding-top:5px ;}
.brand-side .dl-sort{overflow: hidden;}
.brand-side dt { position: absolute; top: -22px;font-size: 14px; font-weight: bold;}

.category-content .menu-item{ left:83px;height:100%;background: #f8f8f8; }
.category-content .menu-item.top{top: 45px;padding-right:10px ;}
.category-content .menu-item.bottom{bottom: -2px;*bottom: -6px;bottom: -7px;}
.am-dimmer {background:#fff ;}

@media only screen and (min-width: 640px) {
#nav{margin-top:0px ;}
.sort-side .dl-sort {float: left;width:50%;font-size:16px ;}
.category-content .category {width: 180px;}
.category-content .category-info {width:176px;overflow: hidden;}
.category-content .category-list li {height:80px;text-align: center;}
.category-content .category-name i{top: 5px;display:block;left:50%;margin-left:-13px ;}
.category-content .category-name i img{width: 25px; height: 25px; border-radius:25px;}

.category-content .b-category-name {line-height:40px;font-size:16px ;}
.category-content .menu-item {left: 183px;}
.category-content .category-info em {position: absolute;top:50%;margin-top: -7px;}
.sort-side dd a {line-height: 20px;padding:10px;width:90px;text-align: center;}
}






